<script setup lang="ts">
import { ref } from "vue";
const count = ref(0);
</script>
<template>
  <div class="demo">
    <h2>plugin subcomponent</h2>
    <h3>UI Framework<a href="https://element-plus.gitee.io/zh-CN/">
      Element Plus
    </a></h3>
    <h4>Based on Vue 3, a component library for designers and developers</h4>
    <el-row class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </el-row>
  <h3>Example of Vue ref attribute {{count}}</h3>
  </div>
</template>
<style scoped lang="scss">
.demo {
  background: #c8c8cf;
}
</style>
